<template>
	<view class="ucenter-page">
		<u-navbar title-size="36"  height="42" :border-bottom="false" title="提现"></u-navbar>
		<view class="content">
			<view class="tips">
				<image src="../../static/images/succeed.png" class="succeed-icon" mode=""></image>
				<view class="tips-name">提现申请成功</view>
				<view class="tips-text">预计3个工作日内到账</view>
			</view>
		</view>
		<view class="u-fixed">
			<view class="kf-tel">
				-<text class="space">客服电话 <text class="number">400-1234-9876</text></text>-
			</view>
			<button type="default" class="btn btn-got">知道了</button>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {
			openUrl(e) {
				console.log(e)
				uni.navigateTo({
					url: e
				});
			},
		}
	}
</script>

<style lang="scss">
	.content{
		padding: 68rpx 100rpx;
	}
	
	.tips{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		text-align: center;
		
		.succeed-icon{
			width: 200rpx;
			height: 200rpx;
		}
		
		.tips-name{
			font-size: 40rpx;
			color: #313332;
			line-height: 56rpx;
			font-weight: 600;
			margin-bottom: 34rpx;
		}
		
		.tips-text{
			font-size: 32rpx;
			color: #606366;
			line-height: 48rpx;
		}
	}
	
	.u-fixed{
		position: fixed;
		left: 0;
		bottom: 96rpx;
		width: 100%;
	}
	
	.btn-got{
		font-size: 32rpx;
		color: #fff;
		line-height: 80rpx;
		border-radius: 40rpx;
		background-color: #A2C833;
		width: 360rpx;
	}
	
	.kf-tel{
		font-size: 28rpx;
		color: #303337;
		margin-bottom: 24rpx;
		line-height: 52rpx;
		text-align: center;
		
		.space{
			padding: 0 10rpx;
			.number{
				color: #A2C833;
				margin-left: 10rpx;
			}
		}
	}
</style>
